Uncontrolled Components
入力要素の状態をDOM自身が保持
そのため、再renderingなどが起きず、パフォーマンスが良い
ref属性を使用して、DOMからformの値を取得する e.g.
input
textarea
select
できるだけ、Uncontrolled Componentsで書くように気をつけよう
その状態の変化に、本当にJSが必要だったのか、CSSで表現できないかを検討する
例示されているコードは全て、CSSのみで表現されているmrsekut.icon
React Hook Form を使うなら、制御・非制御コンポーネントの理解が必須。UIライブラリに依存しないスタイリングがとういうものか?を理解していないと、Controller だらけのコードになり良さが半減する。RHFの問題ではなく、スタイリングの引き出し不足であって、Atoms を作るとはそう言う事。ref